<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../../Utils/bootstrap-3.4.1-dist/css/bootstrap.min.css" />
    <link rel="stylesheet" href="../../Style/dxm_css/Return_the_assets.css">
    <script src="../../Utils/jquery-3.6.0.min.js"></script>
    <script src="../../Utils/bootstrap-3.4.1-dist/js/bootstrap.js"></script>
</head>
<body>
<div class="container-fluid">
    <div class="header-box">
        <div class="header">
            <div class="header-h1">OA办公后台管理系统</div>
            <div class="header-left">
                <div class="header-left-icp">
                    <div class="glyphicon glyphicon-home"></div>
                    <div>首页</div>
                </div>
                <div class="header-left-icp second-nav-btn aaa">
                    <span class="glyphicon glyphicon-th"></span>
                    <div>资产</div>
                </div>
                <div class="second-nav-display toggle" style="display: none">
                    <div class="second-nav-display-row-common">
                        <img src="../../images/Page1_App01.png" alt="">
                        <div>组织</div>
                    </div>
                    <div class="second-nav-display-row-common">
                        <img src="../../images/Page1_App02.png" alt="">
                        <div>
                            <a href="../../Pages/dxm_pages/nav_menu.html" target="myIframe">员工</a>
                        </div>
                    </div>
                    <div class="second-nav-display-row-common">
                        <img src="../../images/Page1_App03.png" alt="">
                        <div>考勤</div>
                    </div>
                    <div class="second-nav-display-row-common">
                        <img src="../../images/Page1_App04.png" alt="">
                        <div>薪酬</div>
                    </div>
                    <div class="second-nav-display-row-common">
                        <img src="../../images/Page1_App05.png" alt="">
                        <div>社保公积金</div>
                    </div>
                    <div class="second-nav-display-row-common">
                        <img src="../../images/Page1_App06.png" alt="">
                        <div>绩效</div>
                    </div>
                    <div class="second-nav-display-row-common">
                        <img src="../../images/Page1_App07.png" alt="">
                        <div>招聘</div>
                    </div>
                    <div class="second-nav-display-row-common">
                        <img src="../../images/Page1_App08.png" alt="">
                        <div>审批</div>
                    </div>
                    <div class="second-nav-display-row-common">
                        <img src="../../images/Page1_App09.png" alt="">
                        <div>会议室预定</div>
                    </div>
                    <div class="second-nav-display-row-common">
                        <img src="../../images/Page1_App10.png" alt="">
                        <div>车辆</div>
                    </div>
                    <div class="second-nav-display-row-common">
                        <img src="../../images/Page1_App11.png" alt="">
                        <div>新闻</div>
                    </div>
                    <div class="second-nav-display-row-common">
                        <img src="../../images/Page1_App12.png" alt="">
                        <div>公告</div>
                    </div>
                    <div class="second-nav-display-row-common">
                        <img src="../../images/Page1_App13.png" alt="">
                        <div>合同库</div>
                    </div>
                    <div class="second-nav-display-row-common">
                        <img src="../../images/Page1_App14.png" alt="">
                        <div>文档库</div>
                    </div>
                    <div class="second-nav-display-row-common asset">
                        <img src="../../images/Page1_App15.png" alt="">
                        <div>
                            <a href="../../Pages/dxm_pages/Return_the_assets.html">资产</a>
                        </div>
                    </div>
                    <div class="second-nav-display-row-common">
                        <img src="../../images/Page1_App16.png" alt="">
                        <div>培训</div>
                    </div>
                    <div class="second-nav-display-row-common">
                        <img src="../../images/Page1_App17.png" alt="">
                        <div>系统设置</div>
                    </div>
                </div>
                <div class="header-common header-left-last">
                    <span class="glyphicon glyphicon-search"></span>
                    <input type="text" name=""  placeholder="请输入关键字" />
                </div>
            </div>
            <div class="header-right header-common">
                <span class="glyphicon glyphicon-bell header-right-common"></span>
                <img id="SelfImg" class="header-right-common" src="../../images/Page1_SelfIcon.png" alt="" />
                <div class="header-right-common">Daisy</div>
                <span class="glyphicon glyphicon-triangle-bottom header-right-common"></span>
            </div>
        </div>
    </div>
    <div class="body">
        <div class="nav">
            <ul id="nav-left" class="nav nav-pills nav-stacked menu-box" >
                <li class="menu-common menuBtn">
                    <div class="menu-common-left">
                        <span class="glyphicon glyphicon-th-list"></span>
                        <a href="javascript:">资产管理</a>
                    </div>
                    <span class="glyphicon glyphicon-menu-right menu-common-right clickCommon"></span>
                </li>
                <li class="second-menu">
                    <div><a href="">资产管理</a></div>
                    <div><a href="">资产类别</a></div>
                    <div><a href="">仓库管理</a></div>
                    <div><a href="">资产盘点</a></div>
                </li>

                <li class="menu-common  menuBtn">
                    <div class="menu-common-left">
                        <span class="glyphicon glyphicon-home"></span>
                        <a href="javascript:">库存管理</a>
                    </div>
                    <span class="glyphicon glyphicon-menu-right menu-common-right"></span>
                </li>
                <li class="second-menu">
                    <div><a href="">采购单</a></div>
                    <div><a href="">资产入库</a></div>
                    <div><a href="">领用</a></div>
                    <div><a href="">退库</a></div>
                    <div><a href="">借用</a></div>
                    <div><a style="color: #2561EF!important;" href="">归还</a></div>
                    <div><a href="">调拨</a></div>
                </li>
                <li class="menu-common  menuBtn">
                    <div class="menu-common-left">
                        <span class="glyphicon glyphicon-cog"></span>
                        <a href="">设置</a>
                    </div>
                </li>
            </ul>
        </div>

        <div class="context">
            <div class="top">
                <div style="color: #C9C9C9">资产 > 库存管理 > </div> <div>归还</div>
            </div>
            <div class="container-fluid contain-box">
                <div class="contain-top" style="margin-top: 20px">
                    <div class="contain-top-bd"></div>
                    <div class="contain-top-p">员工详情</div>
                </div>
                <form class="form-inline common ">
                    <div class="common form-l">
                        <div class="form-group">
                            <label for="name1">归还部门</label>
                            <input type="text" class="form-control" id="name1" placeholder="请选择">
                        </div>
                        <div class="form-group">
                            <label for="name2">归还人</label>
                            <input type="text" class="form-control" id="name2" placeholder="请选择">
                        </div>
                        <div class="form-group">
                            <label for="name3">归还日期</label>
                            <input type="text" class="form-control" id="name3" placeholder="请选择">
                        </div>
                        <div class="form-group form-r">
                            <button class="btnActive add">+新增归还</button>
                            <button class="form-r-btnCommon">导出</button>
                            <button class="form-r-btnCommon search-btn">搜索</button>
                        </div>
                    </div>
                </form>
                <table class="table table-hover">
                    <thead>
                    <tr>
                       <!-- <th class="select-all"><input type="checkbox"></th>-->
                        <th>归还单号</th>
                        <th>资产明细</th>
                        <th>归还部门</th>
                        <th>归还人</th>
                        <th>归还日期</th>
                        <th>数量</th>
                        <th>购入金额</th>
                        <th>经办人</th>
                        <th>操作</th>
                    </tr>
                    </thead>
                    <tbody>
                    <!-- <tr>
                        <td>归还单号</td>
                        <td>资产明细</td>
                        <td>归还部门</td>
                        <td>归还人</td>
                        <td>归还日期</td>
                        <td>数量</td>
                        <td>购入金额</td>
                        <td>经办人</td>
                     </tr>-->
                    </tbody>
                </table>
                <div>
                    <nav aria-label="Page navigation">
                        <ul class="pagination">
                            <li>
                                <a href="#"  class="prev">
                                    <span>&laquo;</span>
                                </a>
                            </li>
                            <!--<li>
                               <a class="pagBtn" href="#">1</a>
                               <a class="pagBtn" href="#">2</a>
                               <a class="pagBtn" href="#">3</a>
                            </li>-->
                            <li>
                                <a href="#"  class="next">
                                    <span>&raquo;</span>
                                </a>
                            </li>
                        </ul>
                    </nav>
                </div>
            </div>
        </div>
        <div class="modal fade" id="addModal" tabindex="-1" role="dialog">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal"><span>&times;</span></button>
                        <h4 class="modal-title" id="myModalLabel">新增归还</h4>
                    </div>
                    <div class="modal-body">
                        <form id = modelForm>
                            <div class="form-group">
                                <label>归还单号</label>
                                <input type="text" class="form-control returnNumber" name="returnNumber">
                            </div>
                            <div class="form-group">
                                <label>资产明细</label>
                                <input type="text" class="form-control assertDetail" name="assertDetail">
                            </div>
                            <div class="form-group">
                                <label>归还部门</label>
                                <input type="text" class="form-control returnDepartment" name="returnDepartment">
                            </div>
                            <div class="form-group">
                                <label>归还人</label>
                                <input type="text" class="form-control returnPeople" name="returnPeople">
                            </div>
                            <div class="form-group">
                                <label>归还日期</label>
                                <input type="text" class="form-control returnDate" name="returnDate">
                            </div>
                            <div class="form-group">
                                <label>数量</label>
                                <input type="text" class="form-control number" name="number">
                            </div>
                            <div class="form-group">
                                <label>购入金额</label>
                                <input type="text" class="form-control money" name="money">
                            </div>
                            <div class="form-group">
                                <label>经办人</label>
                                <input type="text" class="form-control agent" name="agent">
                            </div>
                        </form>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                        <button type="button" class="btn btn-primary addSaveBtn">保存</button>
                    </div>
                </div>
            </div>
        </div>
         <!--编辑-->
        <div class="modal fade" id="editModal" tabindex="-1" role="dialog">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal"><span>&times;</span></button>
                        <h4 class="modal-title" id="myModalLabel1">编辑归还</h4>
                    </div>
                    <div class="modal-body">
                        <form id = modelForm1>
                            <div class="form-group">
                                <label>归还单号</label>
                                <input type="text" class="form-control returnNumber1" name="returnNumber">
                            </div>
                            <div class="form-group">
                                <label>资产明细</label>
                                <input type="text" class="form-control assertDetail1" name="assertDetail">
                            </div>
                            <div class="form-group">
                                <label>归还部门</label>
                                <input type="text" class="form-control returnDepartment1" name="returnDepartment">
                            </div>
                            <div class="form-group">
                                <label>归还人</label>
                                <input type="text" class="form-control returnPeople1" name="returnPeople">
                            </div>
                            <div class="form-group">
                                <label>归还日期</label>
                                <input type="text" class="form-control returnDate1" name="returnDate">
                            </div>
                            <div class="form-group">
                                <label>数量</label>
                                <input type="text" class="form-control number1" name="number">
                            </div>
                            <div class="form-group">
                                <label>购入金额</label>
                                <input type="text" class="form-control money1" name="money">
                            </div>
                            <div class="form-group">
                                <label>经办人</label>
                                <input type="text" class="form-control agent1" name="agent">
                            </div>
                        </form>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                        <button type="button" class="btn btn-primary editSaveBtn">保存</button>
                    </div>
                </div>
            </div>
        </div>
        <!--删除-->
        <div class="modal fade" id="delModal" tabindex="-1" role="dialog">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-body">
                        您确定要删除嘛？
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                        <button type="button" class="btn btn-primary delResBtn">确定</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script src="../../Js/dxm_js/Return_the_assets.js"></script>
</body>
</html>